<#assign pageTitle = "个人中心" />
<#assign pageHeader>
    <script type="text/javascript" src="/static/js/course/course-uc.js"></script>
</#assign>
<#assign pageContent>
    <article class="w80 fl">
        <div class="u-r-cont">
            <section class="u-r-tit-all clearfix">
                <h2 class="clearfix fl">
                    <span class="unFw current">课程详情</span>
                </h2>
                <a href="javascript:history.go(-1)" class="u-i-cou-back fr" title="返回课程列表">
                    <em class="icon18 u-i-c-bico">&nbsp;</em>
                    <tt class="fsize14 f-fM c-master vam">返回列表</tt>
                </a>
            </section>
            <section class="">
                <div class="u-r-all-box">
                    <section class="u-cous-inf-warp">
                        <article class="u-c-inf-pic">
                            <#if course.cover??>
                                <img src="${staticSite}${course.cover}" class="img-responsive" alt="${course.courseName}" />
                            <#else>
                                <img src="/static/qdxwx/img/coures.gif" class="img-responsive" alt="${course.courseName}" />
                            </#if>
                        </article>
                        <section class="hLh30 txtOf name">
                            <span class="fsize18 c-333 f-fM">
                                 <#if course.sellType=='COURSE'>
                                     <tt class="c-master fsize18 f-fM">[ 录播课 ]&nbsp;</tt>
                                 </#if>
                                <#if course.sellType=='LIVE'>
                                    <tt class="c-master fsize18 f-fM">[ 直播 ]&nbsp;</tt>
                                </#if>
                                <#if course.sellType=='PACKAGE'>
                                    <tt class="c-master fsize18 f-fM">[ 套餐 ]&nbsp;</tt>
                                </#if>
                                ${course.courseName}
                            </span>
                        </section>
                        <section class="hLh30 mt5 of">
                             <span class="">
                                  <tt class="fsize14 c-666 f-fM vam">主讲：</tt>
                                 <#list teacherList as teacher>
                                     <tt class="fsize14 c-666 f-fM vam ">${teacher.name}</tt>
                                 </#list>
                             </span>
                        </section>
                        <section class="hLh30 mt5 of">
                             <span class="u-live-jg">
                                  <tt class="fsize14 c-666 f-fM vam">价格：</tt>
                                  <tt class="fsize18 c-master f-fM vam ">￥${course.price/100}</tt>
                             </span>
                        </section>
                        <section class="hLh30 mt5 of">
                            <span class="u-tc-time-live">
                                <tt class="fsize14 c-666 f-fM vam">直播日期：</tt>
                                <tt class="fsize14 c-333 f-fM vam ">
                                    ${course.liveBeginTime?string("yyyy-MM-dd")}
                                    ~
                                    ${course.liveEndTime?string("yyyy-MM-dd")}
                                </tt>
                            </span>
                        </section>
                        <section class="hLh30 mt5 of">
                            <span class="">
                                <tt class="fsize14 c-666 f-fM vam">总课时：${course.lessonNum}</tt>
                             <#--   <tt class="fsize14 c-666 f-fM vam parentKopintCount "></tt>
                                <tt class="fsize14 c-666 f-fM vam ">章，共</tt>
                                <tt class="fsize14 c-666 f-fM vam childKopintCount"></tt>
                                <tt class="fsize14 c-666 f-fM vam ">节</tt>-->
                            </span>
                        </section>
                        <section class="of hLh30 uc-c-infor-jd">
                            <div class="jdt-i-r clearfix">
                                <div class="fl fsize14 c-666 f-fM">直播进度：</div>
                                <div class="fl fsize14 c-green f-fM undis">未开始</div>
                                <div class="fl fsize14 c-333 f-fM undis">已结束</div>
                                <div class="time-bar-wrap fl">
                                    <div class="lev-num-wrap " title="已播${course.studyPercent}节">
                                        <aside class='lev-num-bar livePercent ' style="width: 0;"></aside>
                                        <span class="lev-num"><big class="livePercentCount"></big><small class="childKopint">共8节</small></span>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </section>
                    <div class="">
                        <div class="u-r-all-box">
                            <section class="mt20 mb40">
                                <div class="lh-menu-wrap" id="liveNodeMenu">
                                    <#include "uc-course-info-node-tree.ftl">
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </article>
</#assign>
<#include "../layouts/layout_uc.ftl">